<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="plugins/aui-20170109-v2/css/aui.css" type="text/css">
    <link rel="stylesheet" href="css/recharge.css" type="text/css">
    <title>recharge</title>
</head>
<body>
<!-- 开始头部 -->
<header class="aui-bar aui-bar-nav aui-bar-light">
    <a class="aui-pull-left aui-btn" href="balance.html">
        <span class="aui-iconfont aui-icon-left">返回</span>
    </a>
    <div class="aui-title">充值</div>
</header>
<!-- 结束头部 -->
<!-- 开始输入金额数目 -->
<div class="recharge-amount">
    <p>充值金额</p>
    <div class="aui-searchbar" id="search">
        <div class="aui-searchbar-input aui-border-radius" tapmode onclick="doSearch()">
            <span>￥</span>
            <form action="javascript:search();">
                <input type="text" placeholder="输入充值金额">
            </form>
        </div>
    </div>
</div>
<!-- 结束输入 -->
<p><div class="aui-btn aui-btn-primary aui-btn-block">下一步</div></p>
<!-- 开始尾部 -->
<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td rowspan="2">
            <img src="img/cz_03.jpg" alt="">
        </td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>
        <td>8</td>
        <td style="border-right: none;">9</td>
        <td rowspan="2">确定</td>
    </tr>
    <tr>
        <td>.</td>
        <td>0</td>
        <td><img src="img/cz_07.jpg" alt=""></td>
    </tr>
</table>
<!-- 结束尾部 -->
</body>
</html>